<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0" />
		<!--ios是否运行创建快捷启动方式-->
		<meta content="yes" name="apple-mobile-web-app-capable">
		<!--ios顶部通知栏的样式 黑色-->
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<!--遇到数字不让转成电话号码格式-->
		<meta content="telephone=no" name="format-detection">
		<title>我的首页</title>
		<link rel="stylesheet" href="assets/mui/css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="common/css/base.css" />
		<link rel="stylesheet" type="text/css" href="common/css/animate.css" />
		<link rel="stylesheet" href="assets/font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="css/u-home.css" />
	</head>

	<body>
		

		<div class="mui-off-canvas-wrap mui-draggable mui-scalable">

			<aside class="mui-off-canvas-left">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll" style="height: 100%;">
	

						<div class="myHeader">
							<div id="userIndexLogin"><img src="img/btn5.png" /></div>
							<div>未登录</div>

							<div>还没有名片账号？</div>
							<div class="myCreateNew">马上创建名片</div>
						</div>

						<div class="myHeaderMore">
							<div class="userHeader" id="userHeader">
								
							</div>
							<div class="userList" id="userListOne">
								<span class="fa fa-id-card-o"></span>
								<span>我的微店</span>
							</div>
							<div class="userList" id="userListTwo">
								<span class="fa fa-scissors"></span>
								<span>编辑名片</span>
							</div>
							<div class="userList" id="userListThree">
								<span class="fa fa-credit-card"></span>
								<span>我的钱包</span>
							</div>
							<div class="userList" id="userListFour">
								<span class="fa fa-file-archive-o"></span>
								<span>微链接</span>
							</div>
							<div class="userList" id="userMoreMangement">
								<span class="fa fa-ellipsis-h"></span>
								<span>更多</span>
							</div>

							<div class="userListBottom">
								<span class="fa  fa-share-square-o"></span>
								<span>退出</span>
							</div>
						</div>

					</div>
				</div>
			</aside>

			<div class="mui-inner-wrap">


				<div class="mui-content mui-scroll-wrapper" id="contain">
					<div class="mui-scroll">

						<header class="mui-bar mui-bar-nav home-header" id="closeHeader">
							<a class="mui-icon mui-action-menu mui-icon-bars mui-pull-left" id="closeHeader"></a>
							<h1 class="mui-title"></h1>
						</header>

			
						<div class="changHeader">
							<img src="img/right.png" />
						</div>

						<iframe id="muban" src="u-templet-one.html" width="100%" height=""></iframe>

				
						<div class="showUp">
							<span class="fa fa-angle-double-up" id="showUp"></span>
						</div>

						<div class="home-contain">
							<div class="mui-content mui-scroll-wrapper">
								<div class="mui-scroll">
									<div class="myall">
										<div>
											<span class="myAllHeader"><img src="img/head.png"/></span>
											<span>我的资讯</span>
										</div>
										<div id="closeAll"><img src="img/fork.png" /></div>
									</div>

							
									<div class="mynews">
										<div class="mynews-title">
											<span></span>
											<span>产品服务</span>
											<span></span>
										</div>
										<p style="color: #595959; font-size: 0.28rem;margin-top: 0.2rem;">绿叶</p>
									</div>

									<div class="mynews" style="margin-top: 0.2rem;padding-top: 0.2rem;">
										<div class="mynews-title">
											<span></span>
											<span>我的链接</span>
											<span></span>
										</div>
										<ul class="mynews-list" id="myNewsListIndex">
											<li>
												<div><span class="fa fa-address-card"></span></div>
												<div>薇链接</div>
											</li>
										</ul>
									</div>

							
									<div class="myarticle">
										<div class="myarticle-title">
											<span></span>
											<span>文章资讯</span>
											<span></span>
										</div>
										<ul class="myarticle-list" id="myarticle-list">
							
											<!--TODO-->

										</ul>
										<ul class="myarticle-list" id="myarticle-list-two">
							
											<!--TODO-->

										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	
		<script type="text/html" id="myarticle-list-template">
			<% for(var i=0;i<data.length;i++){%>
			<li data-id="<%=data[i].id%>">
				<div>
					<span>置顶</span>
					<span><%=data[i].title%></span>
				</div>
				<div><img src="<%=data[i].img_url%>" /></div>
			</li>
			<% } %>
		</script>
		
		<!--<script type="text/html" id="myarticle-list-template-two">
			<% for(var i=0;i<data.length;i++){%>
			<li data-id="<%=data[i].article_url%>">
				<div>
					<span>置顶</span>
					<span><%=data[i].title%></span>
				</div>
				<div><img src="" /></div>
			</li>
			<% } %>
		</script>-->

		
		<div class="admin">
			<div>
				<span class="fa fa-angle-double-left pic-l"></span>
				<span>背景</span>
				<span class="fa fa-angle-double-right pic-r"></span>
			</div>
			<div class="titleToOpen">主题</div>
			<div class="topitalTo">保存</div>
		</div>


		<div class="myTopital">
			<div class="mui-content mui-scroll-wrapper">
				<div class="mytitle">
					<div class="titleToClose">
						<img src="img/right.png" />
						<span>返回</span>
					</div>
					<div>主题库</div>
				</div>
				<div class="mui-scroll">
					<div class="titleContain">
						<ul>
							<li class="muban" data-add="u-templet-one.html">
								<div class="cover">
									<div><img src="img/true.png" /></div>
								</div>
								<div><img src="img/index-bg/u4.png" /></div>
								<p>模板一</p>
							</li>
							<li class="muban" data-add="u-templet-two.html">
								<div class="cover">
									<div><img src="img/true.png" /></div>
								</div>
								<div><img src="img/index-bg/u3.png" /></div>
								<p>模板二</p>
							</li>
							<li class="muban" data-add="u-templet-three.html">
								<div class="cover">
									<div><img src="img/true.png" /></div>
								</div>
								<div><img src="img/index-bg/u2.png" /></div>
								<p>模板三</p>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>

	
		<div class="myContain">
			<div class="containClose"><img src="img/fork.png" /></div>
			<div class="containToChoose">
				<div class="containToChooseOne">系统栏目</div>
				<div class="containToChooseTwo">微链接</div>
			</div>
			<div class="containToChooseOneChange">
				<p class="containTitle">系统栏目</p>
				<ul class="containSysterm">
					<li class="containVstore">
						<div><span class="fa fa-address-book" style="color: red; font-size: 0.6rem;"></span></div>
						<span>V店</span>
					</li>
				</ul>
			</div>
			<div class="containToChooseTwoChange">
				<p class="containTitle">微链接</p>
				<ul class="containLink" id="containLink">
					<!--TODO-->
				</ul>
			</div>

			<button type="button" id="containBtn" class="mui-btn mui-btn-primary">保存</button>
		</div>

	
		<div class="tip">
			<div class="tip-contain">
				<div><img src="img/logoTwo.png" /><span>我也来创建！</span></div>
				<img src="img/fork.png" />
			</div>
		</div>


		<script type="text/html" id="containLinkTemplate">
			<% for(var i=0;i<tbLinks.length;i++){ %>
			<li class="containLinkList" data-url="<%=tbLinks[i].linkSite%>">
				<span class="<%=tbLinks[i].linkImg%>" style="color: <%=tbLinks[i].linkColour%>;"></span>
				<p>
					<%=tbLinks[i].linkName%>
				</p>
			</li>
			<% } %>
		</script>

		<script type="text/html" id="myNewsListIndexTemplate">
			<%for(var i=0;i<tbLinks.length;i++){%>
			<li data-url="<%=tbLinks[i].linkSite%>">
				<div><span class="<%=tbLinks[i].linkImg%>"></span></div>
				<div>
					<%=tbLinks[i].linkName%>
				</div>
			</li>
			<% } %>
		</script>

		<script type="text/html" id="useHeaderTemplate">
			<div><img src="<%=user.userImg%>" /></div>
			<p>
				<%=user.userName%>
			</p>
			<p>
				<%=user.userUnit%>
			</p>
			<p>
				<%=user.userTitle%>
			</p>
		</script>

		<script type="text/html" id="userMsgTemplate">
			<div>
				<%=user.userName%>
			</div>
			<div class="line"></div>
			<div>
				<%=user.userUnit%>
			</div>
			<div>
				<%=user.userTitle%>
			</div>
		</script>


		<script type="text/html" id="userHeaderTemplate">
			<div><img src="<%=user.userImg%>" alt="" /></div>
			<div>
				<p>
					<%=user.userName%>
				</p>
				<p>
					<%=user.userTel%>
				</p>
			</div>
		</script>


		<script type="text/html" id="slideTemplate">
			<div class="shape-one img" id="img1" data-url="<%=data.contain[0].link_url%>" data-id="<%=data.contain[0].numbers%>" data-cid="<%=data.contain[0].id%>">
				<div class="shape-one-one">
					<p class="<%=data.contain[0].image_url%>"></p>
					<p>
						<%=data.contain[0].contain_name%>
					</p>
				</div>
			</div>
			<div class="shape-two img" id="img2" data-url="<%=data.contain[1].link_url%>" data-id="<%=data.contain[1].numbers%>" data-cid="<%=data.contain[1].id%>">
				<div class="shape-two-two">
					<p class="<%=data.contain[1].image_url%>"></p>
					<p>
						<%=data.contain[1].contain_name%>
					</p>
				</div>
			</div>
			<div class="shape-three img" id="img3" data-url="<%=data.contain[2].link_url%>" data-id="<%=data.contain[2].numbers%>" data-cid="<%=data.contain[2].id%>">
				<div class="shape-three-three">
					<p class="<%=data.contain[2].image_url%>"></p>
					<p>
						<%=data.contain[2].contain_name%>
					</p>
				</div>
			</div>
			<div class="shape-four img" id="img4" data-url="<%=data.contain[3].link_url%>" data-id="<%=data.contain[3].numbers%>" data-cid="<%=data.contain[3].id%>">
				<div class="shape-four-four">
					<p class="<%=data.contain[3].image_url%>"></p>
					<p>
						<%=data.contain[3].contain_name%>
					</p>
				</div>
			</div>
			<div class="shape-five img" id="img5" data-url="<%=data.contain[4].link_url%>" data-id="<%=data.contain[4].numbers%>" data-cid="<%=data.contain[4].id%>">
				<div class="shape-five-five">
					<p class="<%=data.contain[4].image_url%>"></p>
					<p>
						<%=data.contain[4].contain_name%>
					</p>
				</div>
			</div>
		</script>

		<script type="text/html" id="slideTemplateTwo">
			<div class="img" id="img1" data-url="<%=data.contain[0].link_url%>" data-id="<%=data.contain[0].numbers%>" data-cid="<%=data.contain[0].id%>">
				<p><span class="<%=data.contain[0].image_url%>"></span></p>
				<p>
					<%=data.contain[0].contain_name%>
				</p>
			</div>
			<div class="img" id="img2" data-url="<%=data.contain[1].link_url%>" data-id="<%=data.contain[1].numbers%>" data-cid="<%=data.contain[1].id%>">
				<p><span class="<%=data.contain[1].image_url%>"></span></p>
				<p>
					<%=data.contain[1].contain_name%>
				</p>
			</div>
			<div class="img" id="img3" data-url="<%=data.contain[2].link_url%>" data-id="<%=data.contain[2].numbers%>" data-cid="<%=data.contain[2].id%>">
				<p><span class="<%=data.contain[2].image_url%>"></span></p>
				<p>
					<%=data.contain[2].contain_name%>
				</p>
			</div>
			<div class="img" id="img4" data-url="<%=data.contain[3].link_url%>" data-id="<%=data.contain[3].numbers%>" data-cid="<%=data.contain[3].id%>">
				<p><span class="<%=data.contain[3].image_url%>"></span></p>
				<p>
					<%=data.contain[3].contain_name%>
				</p>
			</div>
			<div class="img" id="img5" data-url="<%=data.contain[4].link_url%>" data-id="<%=data.contain[4].numbers%>" data-cid="<%=data.contain[4].id%>">
				<p><span class="<%=data.contain[4].image_url%>"></span></p>
				<p>
					<%=data.contain[4].contain_name%>
				</p>
			</div>
		</script>

		<script type="text/html" id="slideTemplateThree">
			<div class="part bg-blue pos01"></div>
			<div class="part bg-red pos02"></div>
			<div class="part bg-green pos03"></div>
			<div class="part bg-pink pos04"></div>
			<div class="part bg-yellow pos05"></div>
			<div class="contain box1 <%=data.contain[0].image_url%>" data-url="<%=data.contain[0].link_url%>" data-id="<%=data.contain[0].numbers%>" data-cid="<%=data.contain[0].id%>"></div>
			<div class="contain box2 <%=data.contain[1].image_url%>" data-url="<%=data.contain[1].link_url%>" data-id="<%=data.contain[1].numbers%>" data-cid="<%=data.contain[1].id%>"></div>
			<div class="contain box3 <%=data.contain[2].image_url%>" data-url="<%=data.contain[2].link_url%>" data-id="<%=data.contain[2].numbers%>" data-cid="<%=data.contain[2].id%>"></div>
			<div class="contain box4 <%=data.contain[3].image_url%>" data-url="<%=data.contain[3].link_url%>" data-id="<%=data.contain[3].numbers%>" data-cid="<%=data.contain[3].id%>"></div>
			<div class="contain box5 <%=data.contain[4].image_url%>" data-url="<%=data.contain[4].link_url%>" data-id="<%=data.contain[4].numbers%>" data-cid="<%=data.contain[4].id%>"></div>
		</script>
		<script src="js/jquery-3.1.0.min.js"></script>
		<script src="assets/artTemplate/template-native.js"></script>
		<script src="js/remstyle.js"></script>
		<script src="common/js/common.js"></script>
		<script src="assets/mui/js/mui.min.js"></script>
		<script src="js/u-home.js"></script>
		<script>
			$(function() {
				$('.mui-action-menu').on('tap', function() {
					mui('.mui-off-canvas-wrap').offCanvas('show');
				});
			})
		</script>

	</body>

</html>